html, body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  cursor:default;
}

ul {
  margin:0;
}

#columns {
  float:left;
  width:100%;
  overflow:auto;
}
#columns td {
  vertical-align:top;
}
#columns ul {
  margin:0;
  padding-left:30px;
  width:200px;
  overflow:auto;
}
#columns li {
  white-space:nowrap;
}
#tree ul {
  margin:0;
  padding-left:30px;
}
#tree span { /* zorgt ervoor dat het icoontje ook klikbaar is */
  margin-left:-30px;
  padding-left:30px;
}

#dragud, #tree, #draglr, #lists, #list1, #draglist, #list2 {
  float:left;
}
#dragud {
  width:100%;
}
#tree, #list1, #list2 {
  overflow:auto;
}

  #fileslist1, #fileslist2 { /* tijdelijk, inhoudt van list1/2 varieert omdat verschillende weergaves gekozen kunnen worden (details, thumbnails, etc) */
    width:100%;
  }

#fileslist1 td, #fileslist2 td {
  margin:0;
  padding:0;
}

#setcolumnsize, #getcolumnsize {
  float:left;
/*  border:2px solid red; */
}

/* --- begin menu --- */
#menu {
  position:relative;
/*  top:0;
  left:8px;*/
  width:100%;
  margin:0;
  padding:0;
  float:left;
  border:2px solid #ccc;
  background:#ccc;
}
#menu a {
  color:#000;
}
#menu ul { /* Uitklapmenu (thanx dexus): */
  display:block;
  list-style:none;
  margin:0;
  padding:0;
  border:2px solid #ccc;
  border-top:0;
  background:#ccc;
}
#menu li {
  float:left;
  position:relative;
  margin:0; /* 2em 0 0;*/
  padding:0;
  list-style:none;
  cursor:default;
}
#menu li {
  margin:0 0 0 1em;
}
#menu li.sub li {
  margin:0;
}
#menu ul.sub {
  display:none;
  position:absolute;
  z-index:2;
  top:1.3em;
  left:-2px;
}
#menu ul.sub li {
  float:none;
  white-space:nowrap;
}
#menu ul.sub li:hover {
  outline:1px outset #fff;
} /* --- Einde uitklapmenu --- */

#uploadfeedback {
  position:fixed;
  display:none;
  background:#fff;
  border:2px solid #ccc;
  padding:2em;
}
#uploadfeedback div {
  position:relative;
}
#uploadfeedback #sluit {
  position:absolute;
  bottom:1em;
  right:1em;
}

/* ------------------------ Scheiding tussen positionering (hierboven) en uiterlijk (hieronder) ----------------------- */

body {
  font-family:sans-serif;
  font-size:10pt;
}
#dragud {
  background:url(../images/hr.png) repeat-x center center;
  cursor:n-resize;
}
#draglr, .dragcolumn {
  background:url(../images/vr.png) repeat-y center center;
  cursor:e-resize;
}
.dragcolumn div {
  width:8px;
}
#draglist {
  background:url(../images/hr.png) repeat-x center center;
  cursor:n-resize;
}

.dragitem {
  vertical-align:baseline;
}
.hovermap {
  background:#35f;
  color:#fff;
}
.hoverview {
  background:#cdf;
}
